<!--用户头像-->
<template>
  <div class="example">
    <div class="example-left">
      <zz-user></zz-user>
      <zz-user class="mt20" srcProps="" ></zz-user>
    </div>
    <div class="example-right tableClass">
      <table cellspacing="0">
        <tr>
          <th>1) 调用文件组件</th>
        </tr>
        <tr>
          <td><pre>{{explameCall}}</pre></td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
  export default {
    name: '',
    data () {
      return {
        explameCall:
          `
            <zz-user
            srcProps="" 用户头像 url 或者key 都可以
            width="3.875" 头像显示宽度
            ></zz-user>
          `
      }
    }
  }
</script>
<style lang="scss" scoped>
  .example{
    padding: 20px;
    .example-left{
      float: left;
      width: 10%;
    }
    .example-right{
      float: right;
      width: 78%;
      background: #fff;
    }
  }
</style>
